<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>阳光中学班级人数统计表</title>
	</head>
	<body>
		<table border="2" width="400px" height="200px" bordercolor="#808080" background="../img/sky.jpg" cellspacing="0" cellpadding="10" align="center">			
			<caption>阳光中学班级人数统计表</caption>
			<colgroup>
				<!--这里span="1"表示选中第一列，通过style属性将第一列背景颜色设置为蓝色。如果span="2"，则选中的是第一列和第二列-->
				<col span="1" style="background-color: cadetblue;" />
			</colgroup>
			<!--定义表头-->
			<thead>
				<tr valign="baseline">
					<th></th>
					<th>男生</th>
					<th>女生</th>
					<th>总计</th>
				</tr>
			</thead>
			<!--定义表尾,<tfoot>标签位于表头之后,主体之前-->
			<tfoot>
				<tr>
					<th>总计</th>
					<td>205</td>
					<td>201</td>
					<td>406</td>
				</tr>
			</tfoot>
			<!--定义表的主体内容-->
			<tbody>
				<tr valign="middle">
					<th>初一</th>
					<td>56</td>
					<td>77</td>
					<td>133</td>
				</tr>
				<tr>
					<th>初二</th>
					<td>64</td>
					<td>80</td>
					<td>144</td>
				</tr>
				<tr>
					<th>初三</th>
					<td>85</td>
					<td>44</td>
					<td>129</td>
				</tr>
			</tbody>
		</table>
	</body>
</html>
